
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

// 清楚默认样式
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none
}

html body {
  height: 100vh
}

small {
  font-size: 80%;
}

// 位置
.float-l {
  float: left;
}

.float-r {
  float: right;
}

.position-r {
  position: relative;
}

.position-a {
  position: absolute;
}

.position-f {
  position: fixed;
}


.font-w-b {
  font-weight: bold;
}

.font-w-n {
  font-weight: normal;
}

.color-fff {
  color: #ffffff;
}

.color-999 {
  color: #999999;
}
.color-333 {
  color: #333333;
}

.color-93 {
  color: #939393
}

.color-c1 {
  color: #c1c1c1
}

.background-fff {
  background: #ffffff;
}

.background-999 {
  background: #ffffff;
}

.background-93 {
  background: #939393
}

/* 字间距 */
.letter-spacing-1 {
  letter-spacing: 1 rpx;
}

.letter-spacing-2 {
  letter-spacing: 2 rpx;
}

/* 文字对齐 */
.vertical-m {
  vertical-align: middle;
}

.vertical-t {
  vertical-align: top;
}

.vertical-b {
  vertical-align: bottom;
}

.text-l {
  text-align: left;
}

.text-c {
  text-align: center;
}

.text-r {
  text-align: right;
}

/* 溢出显示省略号*/
.text-over-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 显示隐藏 */
.hide {
  display: none;
}

.show {
  display: block;
}

.visibility-hide {
  visibility: hidden;
}

/* 类型转化 */
.display-ib {
  display: inline-block;
}

.display-i {
  display: inline;
}

.display-b {
  display: block;
}

.display-f {
  display: flex;
}

// flex
.flex-justify-a {
  justify-content: space-around;
}

.flex-justify-b {
  justify-content: space-between;
}

.flex-left-center {
  display: flex;
  align-items: center;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flex-wrap-no {
  flex-flow: nowrap;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.flex-direction-c {
  flex-direction: column;
}

.flex-grow-1 {
  flex-grow: 1;
}

/* 边框 */
.border-0 {
  border: 0;
}

.border-b-0 {
  border-bottom: none;
}

.border-t-0 {
  border-top: none;
}

// 距离
.margin-0-auto {
  margin: 0 auto;
}

.placeholder{
   color:#cccccc;
   font-size:28upx;
}

// 设置input中placeholder的颜色
input::-webkit-input-placeholder {
  color: #B2B2B2;
}

input::-moz-placeholder {
  color: #B2B2B2;
}

input.change::-ms-input-placeholder {
  color: #B2B2B2;
}
.loop(@counter) when (@counter > 0) {
  .p-@{counter} {
    padding: (1upx * @counter);
  }

  .p-t-@{counter} {
    padding-top: (1upx * @counter);
  }

  .p-r-@{counter} {
    padding-right: (1upx * @counter);
  }

  .p-b-@{counter} {
    padding-bottom: (1upx * @counter);
  }

  .p-l-@{counter} {
    padding-left: (1upx * @counter);
  }

  .m-@{counter} {
    margin: (1upx * @counter);
  }

  .m-t-@{counter} {
    margin-top: (1upx * @counter);
  }

  .m-r-@{counter} {
    margin-right: (1upx * @counter);
  }

  .m-b-@{counter} {
    margin-bottom: (1upx * @counter);
  }

  .m-l-@{counter} {
    margin-left: (1upx * @counter);
  }
  .h-@{counter} {
    height: (1upx * @counter);
  }

  .fz-@{counter} {
    font-size: (1upx * @counter);
  }

  .loop((@counter - 1)); // 递归调用自身


}
.loop(300);

  //font
  .font-s{
    font-family:PingFang-Semibold;
		font-weight:bold;
  }